{% extends 'Pyi/home.html' %}
{% load staticfiles %}

{% block content %}
	<div class="row">
		<div class="col-md-4" id='panel-question'>

			<img data-src="holder.js/200x200" class="img-thumbnail" alt="200x200" src='/site_media/{{ image.name }}' style="width: 200px; height: 200px;">
			<blockquote>
				<h2>{{ question.question_type }}</h2>
				<p class="text-danger"> 
					{{ question.pub_time }}
				</p>
				<p>{{question.question}}</p>
			</blockquote >
				{% for answer in answers %}
					{% if answer.number == right %}
						<p class="label label-success " >{{ answer.number }}</p>
						<code>{{ answer }}</code><br></br>
					{% else %}
						<p class="label label-danger " >{{ answer.number }}</p>
						<code>{{ answer }}</code><br></br>
					{% endif %}
				{% endfor %}
			</form>
		</div>
		<form class="form form-default" role="form" method="post">
		{% csrf_token %}
			<code><button class="btn btn-default" type="submit" name="look" value="#">Look Static</button></code>
		</form>
		
	</div>
{% endblock  %}


{% block js-model %}
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>

		{% load static %}
		<script type="text/javascript" charset='utf-8'>
			var media_url = '{% get_media_prefix %}'; 
			</script>
{% endblock %}